<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>北京航天公司固定资产管理系统</title>
</head>
<body>


<div class="layui-tab">
    <ul class="layui-tab-title">
        <li class="layui-this">资产领用</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <button onclick="byAdd()" class="layui-btn layui-btn-normal">领用申请</button>
            <button onclick="byHistory()" class="layui-btn layui-btn-normal">日志查看</button>
            <table id="myTable" lay-filter="tableFilter"></table>
        </div>
    </div>
</div>





<script type="text/html" id="myoperate" >
    <button class="layui-btn layui-btn-primary" lay-event="detail">查看</button>
</script>



</body>
<script type="text/javascript"  src="/js/jquery-1.8.2.js"></script>
<script type="text/javascript"  src="/js/layer.js"></script>
<script type="text/javascript"  src="/layui/layui.all.js" ></script>
<link rel="stylesheet" href="/layui/css/layui.css">
<script>
    var table = layui.table;
    table.render({
        elem: '#myTable',//绑定表格的id
        url: "/claim/findAllByBorrow",
        width: 1500,
        height: 312,
        method: 'post',
        autoSort: false,
        toolbar: '#toolbarDemo', //开启头部工具栏
        cols: [[{
            title:'操作',
            align: 'center',//字体居中
            toolbar : '#myoperate',
        },{
            field: 'borrowNumber',
            title: '领用单号',
            align: 'center',//字体居中
        }, {
            field: 'status',
            title: '领用状态',
            align: 'center',//字体居
            templet: function(d){
                if(d.status == 1){return '已领用'}
                else if(d.status == 2){return '领用中'}
                else if(d.status == 3){return '领用终止'}
                else if(d.status == 4){return '归还成功'}
                else if(d.status == 5){return '归还失败'}
            },
        }, {
            field: 'admin',
            title: '领用责任人',
            align: "center",
        },{
            field: 'drawingTime',
            title: '申请领用时间',
            align: 'center',//字体居中
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }, {
            field: 'homeDname',
            title: '所属组织',
            align: 'center',//字体居中
            sort: true
            /* templet : '#sexTpl',//绑定代码模板 暂时用不到 男女 * */
        }, {
            field: 'dname',
            title: '所属部门',
            align: 'center',//字体居中
            sort: true,
            // templet
        }]
        ],
        limits: [3, 5],//每页条数的选择项，默认：[10,20,30,40,50,60,70,80,90]。
        limit: 3,//每页显示的条数（默认：10）。值务必对应 limits 参数的选项。
        page: true,//是否开启分页
        request: {
            pageName: 'page',
            limitName: 'limit'
        }
    });
    //监听工具条
    table.on('tool(tableFilter)', function(obj){
        var data = obj.data;
        /*获取到指定行的ID*/
        if(obj.event === 'detail'){
            var id = data.borrowNumber;
            window.location.href="/claim/goclaimoperation?borrowNumber="+id
        }
    });
    function byAdd(){
        window.location.href="/jump/goclaimByAddAsset";
    }
    function  byHistory() {
        window.location.href="/jump/goclaimhistory";
    }
</script>
</html>
